<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品分类</title>

    <link rel="stylesheet" href="../../libs/bootstrap.min.css">
    <link rel="stylesheet" href="../../libs/thirdly/font-awesome.min.css">
    <link rel="stylesheet" href="../../libs/jqGrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../libs/jstree/themes/default-dark/style.min.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/MDM/MDM000301.css">

    <script src="../../libs/jquery.min.js"></script>
    <script src="../../libs/jquery-ui.js"></script>
    <script src="../../libs/bootstrap.min.js"></script>
    <script src="../../libs/jqGrid/grid.locale-cn.js"></script>
    <script src="../../libs/jqGrid/jquery.jqGrid.min.js"></script>
    <script src="../../libs/jqGrid/jquery.tablednd.js"></script>
    <script src="../../libs/jstree/jstree.min.js"></script>

    <script src="../../js/config.js"></script>

</head>

<body>

<div class="m_wrapper">
    <aside class="u_menu_container">
        <!-- /component/me_Menu.html -->
    </aside>
    <section class="u_wrapper">
        <header>
            <div class="u_header">
                <h2>产品分类</h2>
            </div>
        </header>
        <div class="u_content_wrapper">
            <div class="u_toolbar u_user">
                <ul class="u_toolgroup">
                    <li class="u_tool" data-opt="new1">
                        <i class="fa fa-plus"></i>
                        <span>新建同级</span>
                    </li>
                    <li class="u_tool" data-opt="new2">
                        <i class="fa fa-plus"></i>
                        <span>新建子级</span>
                    </li>
                    <li class="u_tool" data-opt="edit">
                        <i class="fa fa-pencil"></i>
                        <span>编辑</span>
                    </li>
                    <li class="u_tool" data-opt="delete">
                        <i class="fa fa-trash-o"></i>
                        <span>删除</span>
                    </li>
                    <li class="u_tool" data-opt="link">
                        <i class="fa fa-link"></i>
                        <span>品牌数据</span>
                    </li>
                </ul>
            </div>
            <div class="u_contents clearfix">
                    <div class="u_fixed_row">
                        <div class="t_toolbar">
                        <ul class="t_toolgroup t_search">
                            <li class="" id="treeSearch">
                                <input type="text" placeholder="搜索">
                            </li>
                        </ul>
                        <ul class="t_toolgroup">
                            <li class="t_tool" id="treeClose">
                                <i class="fa fa-folder-o"></i>
                                <span>折叠</span>
                            </li>
                            <li class="t_tool" id="treeOpen">
                                <i class="fa fa-folder-open-o"></i>
                                <span>展开</span>
                            </li>
                        </ul>
                    </div>
                    <div id="jstree_folders"></div>
                </div>
                <div class="u_row u_pane_1">
                    <div class="u_col_12x">
                        <div class="u_block_content">
                            <div class="u_block_title">
                                <h2>产品类别详情</h2>
                            </div> 
                            <div class="u_block_title u_tab_2">
                                <h2>产品类别排序</h2>
                            </div> 
                            <div class="form-horizontal">
                                <div class="form-group">
                                    <label class="control-label">父级：</label>
                                    <input class="form-control" disabled type="text" name="PCode">
                                </div>
                                <div class="form-group">
                                    <label class="control-label">级别：</label>
                                    <input class="form-control" disabled type="text" name="Level">
                                </div>
                                <div class="form-group">
                                    <label class="control-label">代码：</label>
                                    <input class="form-control" disabled type="text" name="Code">
                                </div>
                                <div class="form-group">
                                    <label class="control-label">名称：</label>
                                    <input class="form-control" disabled type="text" name="Name">
                                </div>
                                <div class="form-group">
                                    <label class="control-label">图标：</label>
                                    <div class="u_icon" name="Icon">
                                        <a href="javascript:0"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="u_row u_pane_2 hidden">
                    <div class="u_col_12x">
                        <div class="u_block_content"> 
                            <div class="u_block_title u_tab_1">
                                <h2>产品类别详情</h2>
                            </div> 
                            <div class="u_block_title">
                                <h2>产品类别排序</h2>
                            </div> 
                            <div class="u_table_container">
                                <table id="jgTable"></table>
                                <!--<div id="jgPager"></div>-->
                                <div class="jg_tip hidden">
                                    <h2>该类别没有子级！</h2>
                                </div>
                            </div>
                            <div class="u_footer">
                                <button type="button" class="btn btn-default" id="categoryBtn">
                                    <i class="fa fa-cubes"></i>
                                    一级类别
                                </button>
                                <button type="button" class="btn btn-success" id="sortBtn">
                                    <i class="fa fa-save"></i>
                                    保存排序
                                </button>
                            </div>
                        </div>
                    </div>  
                </div>
                <!--<div class="u_tabs_container">
                    <ul class="u_tabs clearfix">
                        <li class="u_tab u_tab_active" data-tab="edit_pane">详情</li>
                        <li class="u_tab" data-tab="sort_pane">排序</li>
                    </ul>
                    <ul class="u_panes clearfix">
                        <li class="u_pane u_pane_active" data-tab="edit_pane">
                            <div class="u_row">
                                <div class="u_col_12x">
                                    <div class="u_block_content">
                                        
                                        <div class="u_footer">
                                            <button type="button" class="btn btn-success" id="edit">
                                                <i class="fa fa-save"></i>
                                                保存修改
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="u_pane" data-tab="sort_pane">
                            <div class="u_row">
                                <div class="u_col_12x">
                                    <div class="u_block_content">
                                        <div class="u_pane_header">
                                            <h4>
                                                <span>一级分类</span>
                                                <small><a href="javascript:0">一级分类</a></small>
                                            </h4>
                                        </div>
                                        <div class="u_table_container">
                                            <table id="MDM_table"></table>
                                            <div id="MDM_pager"></div>
                                        </div>
                                        <div class="u_footer">
                                            <button type="button" class="btn btn-success" id="sortBtn">
                                                <i class="fa fa-save"></i>
                                                保存修改
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div> 
                        </li>
                    </ul>
                </div>-->
            </div>
        </div>
    </section>
</div>

<!-- 自定义模态框 -->
<div id="modal-overlay" class="modal-overlay hidden">
    <div class="modal-data">
        <i class="u_restore"></i>
        <!-- 头部 -->
        <div class="u_modal_header">
            <ul class="list-inline pull-right">
                <li class="u_title u_close">
                    <i class="glyphicon glyphicon-remove"></i>
                </li>
            </ul>
        </div>
        <!-- 主体 -->
        <div class="u_modal_body">
            <div class="form-horizontal">
                <div class="form-group">
                    <label class="data-label">父级</label> 
                    <div class="data-input">
                        <input class="form-control" type="text" disabled id="m_PCode">  
                    </div>
                </div>
                <div class="form-group">
                    <label class="data-label">级别</label> 
                    <div class="data-input">
                        <input class="form-control" type="text" disabled id="m_Level">  
                    </div>
                </div>
                <div class="form-group">
                    <label class="data-label">代码</label> 
                    <div class="data-input">
                        <input class="form-control" type="text" disabled id="m_Code">  
                    </div>
                </div>
                <div class="form-group">
                    <label class="data-label">名称</label>
                    <div class="data-input">
                        <input class="form-control" type="text" id="m_Name">        
                    </div>       
                </div>
                <div class="form-group">
                    <label class="data-label">图标</label>
                    <div class="data-input">
                        <input class="form-control" type="text" disabled id="m_IconPath">
                        <ul class="u_pictures">
                            <li class="u_item">
                                <a href="javascript:0;"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="u_footer pull-left">
                <button type="button" class="btn btn-success" id="submitBtn">
                    <i class="fa fa-save"></i>
                    确认保存
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 自定义模态框 -->
<div id="picModal" class="modal-overlay hidden">
	<div class="modal-data">
        <i class="u_restore"></i>
        <!-- 头部 -->
        <div class="u_modal_header">
            <ul class="u_toolgroup u_search pull-left">
                <li class="u_tool" id="opt_search" data-opt="opt_search">
                    <input type="text" value="" placeholder="搜索">
                    <i class="fa fa-search"></i>
                </li>
            </ul>
            <ul class="list-inline pull-right">
                <li class="u_title u_minimize">
                    <i class="glyphicon glyphicon-minus"></i>
                </li>
                <li class="u_title u_close">
                    <i class="glyphicon glyphicon-remove"></i>
                </li>
            </ul>
        </div>
        <!-- 主体 -->
        <div class="u_modal_body">
            <div class="u_contents clearfix">
                <div class="u_fixed_row">
                    <div id="picTree"></div>
                </div>
                <div class="u_row">
                    <div class="u_col_12x">
                        <ul class="u_pictures clearfix">
                            <!--<li class="u_add_item">
                                <img src="../../asset/images/02989ed947bf40aaa4714c7a6cbb360d.png" alt="">
                                <p class="u_desc">010901 水标Q（D）X潜水泵2</p>
                            </li>-->
                        </ul>
                        <div class="u_footer pull-left">
                            <button type="button" class="btn btn-success" id="addPicBtn">
                                <i class="fa fa-save"></i>
                                确认添加
                            </button>
                        </div>
                        <div class="u_footer pull-right">
                            <div class="record-group">
                                131 - 133　共 133 条
                            </div>
                            <div class="btn-group">
                                <a id="prevBtn" type="button" class="btn btn-default">上一页</a>
                                <a id="nextBtn" type="button" class="btn btn-default">下一页</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>

<script src="../../js/publicTpl.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/publicGrid.js"></script>
<script src="../../js/publicTree.js"></script>
<script src="../../js/picModal.js"></script>
<script src="../../js/MDM/MDM000301.js"></script>

</body>
</html>
